<!--<ion-view view-title="首页" hide-nav-bar="true" id="detail-details">

    <ion-header-bar align-title="center" class="header_special">
        <div class="buttons">
            <i class="icon ion-chevron-left" style="padding:0 10px;" ng-click="backpage();"></i>
        </div>
        <h1 class="title">收藏计划</h1>
    </ion-header-bar>
    <ion-content style="background-color:#F7F7F6;">
        <div class="plans_add">
            <p class="plans_title">
                已选计划
            </p>
            <div class="plans_collected">
                <div class="clearfix">
                    <div class="collected_items fl" ng-click="openActive(item,'del')" ng-repeat="item in collect">
                        <div class="collected_content" ng-class="{active:item.state}" on-hold="openPlansDetail(item.plan_id)">
                            <img ng-src="img/plans/{{item.id_img}}.png">
                            {{item.name}}
                        </div>
                    </div>
                    <div class="plans_delete fr" ng-click="deleteCollect()">
                        <img src="img/plans/delete.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="all_plans">
            <div class="clearfix">
                <p class="fl plans_title">
                    全部计划
                </p>
                <div class="fr" ng-click="addCollect()" style="margin-right:2%;">
                    <img src="img/plans/add.png" style="width:30px;margin-top:10px;">
                </div>
            </div>
            <p class="plans_alert">
                长按查看当前系列所有玩法
            </p>
            <div class="plans_collected">
                <div class="clearfix">
                    <div class="collected_items fl" ng-click="openActive(item,'add')" ng-repeat="item in allplans">
                        <div class="collected_content" ng-class="{active:item.state}" on-hold="openPlansDetail(item.id)">
                            <img ng-src="img/plans/{{item.id_img}}.png">
                            {{item.name}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </ion-content>
</ion-view>
<script id="plans-details.html" type="text/ng-template">
    <ion-modal-view>
        <ion-header-bar  align-title="center" class="header_special">
            <div class="buttons">
                <i class="icon ion-chevron-left" style="padding:0 10px;" ng-click="closeDetailsPlans()"></i>
            </div>
            <h1 class="title">更改计划</h1>
        </ion-header-bar>
        <ion-content style="background-color:#F2F1EF;">
            <div class="plans_details">
                <p class="plans_name">
                    {{detailsMessage.name}}
                </p>
                <div class="plans_content clearfix">
                    <div class="plans_items fl" ng-repeat="item in detailsMessage.plans">
                        <div>
                            {{item.name}}
                        </div>
                    </div>
                </div>
            </div>
        </ion-content>
    </ion-modal-view>
</script>-->
<ion-view hide-nav-bar="true" id="new-plans">
    <ion-header-bar align-title="center" class="header_special">
        <div class="buttons">
            <i class="icon ion-chevron-left" style="padding:0 10px;color:#fff;" ui-sref="tab.home"></i>
        </div>
        <h1 class="title" style="color:#fff;">收藏计划</h1>
    </ion-header-bar>
    <ion-content style="background-color:#EEEDEC;bottom:0;">


        <div class="coll_nav">
            <div ng-class="choiceStatus == 1 ? 'coll_active':''" class="fl" ng-click="choice(1)">所有计划</div>
            <div ng-class="choiceStatus == 2 ? 'coll_active':''" class="fl" ng-click="choice(2)">我的计划</div>
        </div>

        <div class="coll_prompt">点击查看当前系列所有玩法，左滑<span ng-if="choiceStatus == 1">添加</span><span ng-if="choiceStatus == 2">删除</span>当前玩法</div>

        <div class="coll_body">

            <!--我的计划-->
            <ion-list ng-if="choiceStatus == 2">
                <ion-item class="item-remove-animate"
                          ng-repeat="item in collect track by $index"
                          ui-sref="gameplay-details({id:item.plan_id,type:2,name:item.name})">
                    <div class="coll_img">
                        <img ng-if="item.name == '定位胆'" src="img/collect/dingweidan.png" alt="" >
                        <img ng-if="item.name == '大小'" src="img/collect/daxiao.png" alt="" >
                        <img ng-if="item.name == '单双'" src="img/collect/danshuang.png" alt="" >
                        <img ng-if="item.name == '质合'" src="img/collect/zhihe.png" alt="" >
                        <img ng-if="item.name == '龙虎'" src="img/collect/longhu.png" alt="">
                        <img ng-if="item.name == '冠亚和'" src="img/collect/guanjunhezhi.png" alt="" >
                        <img ng-if="item.name == '不定位胆'" src="img/collect/budinigweidan.png" alt="" >
                        <img ng-if="item.name == '任选胆码'" src="img/collect/rexuandanma.png" alt="" >
                        <img ng-if="item.name == '单式'" src="img/collect/danshi.png" alt="" >
                        <img ng-if="item.name == '组选'" src="img/collect/zuxuan.png" alt="" >
                        <img ng-if="item.name == '形态'" src="img/collect/xiangtai.png" alt="" >
                        <img ng-if="item.name == '和值'" src="img/collect/hezhi.png" alt="" >
                        <img ng-if="item.name == '和尾'" src="img/collect/hewei.png" alt="" >
                        <img ng-if="item.name == '012路'" src="img/collect/012lu.png" alt="" >
                        <img ng-if="item.name == '余数'" src="img/collect/yushu.png" alt="" >
                    </div>
                    <div class="coll_text">
                        <p> {{item.name}}</p>
                        <p>查看{{item.name}}所有玩法</p>
                    </div>
                    <ion-option-button class="button-assertive" ng-click="deleteCollect(item.id)">删除</ion-option-button>
                </ion-item>
            </ion-list>

            <!--所有计划-->
            <ion-list ng-if="choiceStatus == 1">
                <ion-item class="item-remove-animate"
                          ui-sref="gameplay-details({id:item.id,type:1,name:item.name})"
                          ng-repeat="item in allplans track by $index">
                    <div class="coll_img">
                        <!--<img src="img/collect/daxiao.png" alt="" width="100%">-->
                        <img ng-if="item.name == '定位胆'" src="img/collect/dingweidan.png" alt="" width="100%">
                        <img ng-if="item.name == '大小'" src="img/collect/daxiao.png" alt="" width="100%">
                        <img ng-if="item.name == '单双'" src="img/collect/danshuang.png" alt="" width="100%">
                        <img ng-if="item.name == '质合'" src="img/collect/zhihe.png" alt="" width="100%">
                        <img ng-if="item.name == '龙虎'" src="img/collect/longhu.png" alt="" width="100%">
                        <img ng-if="item.name == '冠亚和'" src="img/collect/guanjunhezhi.png" alt="" width="100%">
                        <img ng-if="item.name == '不定位胆'" src="img/collect/budinigweidan.png" alt="" width="100%">
                        <img ng-if="item.name == '任选胆码'" src="img/collect/rexuandanma.png" alt="" width="100%">
                        <img ng-if="item.name == '单式'" src="img/collect/danshi.png" alt="" width="100%">
                        <img ng-if="item.name == '组选'" src="img/collect/zuxuan.png" alt="" width="100%">
                        <img ng-if="item.name == '形态'" src="img/collect/xiangtai.png" alt="" width="100%">
                        <img ng-if="item.name == '和值'" src="img/collect/hezhi.png" alt="" width="100%">
                        <img ng-if="item.name == '和尾'" src="img/collect/hewei.png" alt="" width="100%">
                        <img ng-if="item.name == '012路'" src="img/collect/012lu.png" alt="" width="100%">
                        <img ng-if="item.name == '余数'" src="img/collect/yushu.png" alt="" width="100%">
                    </div>
                    <div class="coll_text">
                        <p> {{item.name}}</p>
                        <p>查看{{item.name}}所有玩法</p>
                    </div>
                    <!--<div class="coll_col lection" ng-if="item.collected">-->
                        <!--<img src="img/collect/daxiao.png" alt="">-->
                    <!--</div>-->
                    <ion-option-button class="button-calm" ng-click="addCollect(item.id)">添加</ion-option-button>
                </ion-item>
            </ion-list>
        </div>

























        <!--<div class="collect_title">-->
            <!--<div class="buttons fl">-->
                <!--<i  ng-click="selectPlans()" ng-if="selectState">我的计划</i>-->
                <!--<i  ng-click="selectPlans()" ng-if="!selectState">所有计划</i>-->
            <!--</div>-->
            <!--<div class="title fl" style="font-size: 18px">{{selectState?"所有计划":"我的计划"}}</div>-->
            <!--<div class="buttons fl">-->
                <!--<i  ng-click="addCollect()" ng-if="selectState">添加</i>-->
                <!--<i  ng-click="deleteCollect()" ng-if="!selectState">删除</i>-->
            <!--</div>-->
        <!--</div>-->


        <!--<div class="new-plans-item" ng-if="selectState">-->
            <!--<div class="new-lies fl">-->
                <!--<div ng-repeat="item in allplans"-->
                     <!--ng-click="openActive(item,'add')"-->
                     <!--ng-class="{active:states == item.id,collect_plans:item.collected}">-->
                    <!--<p style="border-bottom: 1px solid #CCC8C3">{{item.name}}</p>-->
                    <!--&lt;!&ndash;<p>{{item.state?"再次点击返回查看":"点击查看冠军和值所有玩法"}}</p>&ndash;&gt;-->
                <!--</div>-->
            <!--</div>-->

            <!--&lt;!&ndash;<div class="new-play clearfix fl" ng-show="item.playsState">&ndash;&gt;-->
            <!--<div class="new-play clearfix fl" ng-show="playsState == 'add'?true:false">-->
                <!--<div class="new-play-item fl" ng-repeat="plays in childData">{{plays.name}}</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--<div class="new-plans-item" ng-if="!selectState">-->
            <!--<div class="new-lies fl">-->
                <!--<div ng-repeat="item in collect"-->
                     <!--ng-click="openActive(item,'del')"-->
                     <!--ng-class="{active:states == item.id}">-->

                    <!--<p style="border-bottom: 1px solid #CCC8C3">{{item.name}}</p>-->
                    <!--&lt;!&ndash;<p>{{item.state?"再次点击返回查看":"点击查看冠军和值所有玩法"}}</p>&ndash;&gt;-->
                <!--</div>-->
            <!--</div>-->

            <!--&lt;!&ndash;<div class="new-play clearfix fl" ng-show="item.playsState">&ndash;&gt;-->
            <!--<div class="new-play clearfix fl" ng-show="playsState == 'del' ? true:false">-->
                <!--<div class="new-play-item fl" ng-repeat="plays in detailsMessage.plans">{{plays.name}}</div>-->
            <!--</div>-->
        <!--</div>-->




        <!--<div class="new-plans-item" ng-repeat="item in collect" ng-click="openActive(item,'del')" ng-if="!selectState">-->
            <!--<div class="new-lies" ng-class="{active:item.state}">-->
                <!--<p>{{item.name}}</p>-->
                <!--&lt;!&ndash;<p>{{item.state?"再次点击返回查看":"点击查看冠军和值所有玩法"}}</p>&ndash;&gt;-->
            <!--</div>-->
            <!--<div class="new-play clearfix" ng-show="item.state">-->
                <!--<div class="new-play-item fl" ng-repeat="plays in detailsMessage.plans">{{plays.name}}</div>-->
            <!--</div>-->
        <!--</div>-->

        <!--<div style="overflow: hidden">-->
            <!--<div class="fl" style="width: 35%;border: 1px solid red">-->
                <!--<div ng-repeat="item in collect"-->
                     <!--ng-click="openActive(item,'del')"-->
                     <!--ng-if="!selectState">-->
                    <!--<p>{{item.name}}</p>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="fl" style="width: 65%">-->
                <!--<div class="new-play-item fl" ng-repeat="plays in detailsMessage.plans">{{plays.name}}</div>-->
            <!--</div>-->
        <!--</div>-->





    </ion-content>
</ion-view>